<div class="header">
    <div class="header-main">
        <div class="header-logo">
            <a href="./index.html">
                <img src="./img/logo.png" alt="">
            </a>
        </div>
        <ul class="header-nav">
            <li>
                <a href="index.html">首页</a>
            </li>
            <li>
                <a href="weixin-select.html">微信公众号</a>
            </li>
            <li>
                <a href="sina-select.html">新浪微博</a>
            </li>
            <li>
                <a href="wanghong-select.html">网红直播</a>
            </li>
            <li>
                <a href="video-select.html">视频媒体</a>
            </li>
            <li>
                <a href="headline-select.html">头条号</a>
            </li>
        </ul>
        <div class="header-controls">
            <a href="./register.html" class="header-controls__reg">注册</a>
            <a href="./login.html" class="header-controls__login">登录</a>
        </div>
        <div class="header-logined">
            <ul class="header-logined__cover">
                <li data-role="logout">
                    <a href="javascript:;">退出</a>
                </li>
            </ul>
        </div>
        <div class="header-search">
            <input type="text" placeholder="搜索关键字">
            <span data-role="search"></span>
        </div>
    </div>
</div>
